﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <title>角色管理</title>
    <link href="~/EasyUI/themes/icon.css" rel="stylesheet" />
    <link href="~/EasyUI/themes/default/easyui.css" rel="stylesheet" />
    <script type="text/javascript" src="~/Scripts/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="~/EasyUI/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery.validate.min.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery.msgProcess.js"></script>

    <script type="text/javascript">
        $(function () {
            $('#editWindow').window('close');
            $('#winPers').window('close');
            $("#tbList").datagrid({
                width: 'auto',
                height: 'auto',
                fitColumns: true,
                striped: true,
                singleSelect: true,
                url: '/admin/role/Index',
                loadMsg: '数据加载中请稍后……',
                pagination: true,//启用分页，默认每页10行
                rownumbers: true,//显示页码，默认 提供 10 - 50 的页容量选择下拉框
                pageSize: 10,//设置 页容量为 5
                pageList: [5, 10, 20],//设置 页容量下拉框
                columns: [[

                    { field: 'id', title: 'ID', width: 100 },

                    { field: 'rName', title: '角色名', width: 100 },
                    { field: 'remark', title: '备注', width: 100 }
                ]],
                toolbar: [{
                    iconCls: 'icon-add',
                    text: "新增",
                    handler: addRow
                }, '-', {
                    iconCls: 'icon-remove',
                    text: "删除",
                    handler: removeRow
                }, '-', {
                    iconCls: 'icon-edit',
                    text: "编辑",
                    handler: editRow
                }, '-', {
                    iconCls: 'icon-search',
                    text: "分配权限",
                    handler: providePermission
                }],
                onSelect: function (rowI, rowD) {
                    selectedRowIndex = rowI;//将选中行的下标 设置给全局变量
                },
                onDblClickRow: function () {
                    editRow();
                }
            });
        })

        //选中行的下标
        var selectedRowIndex = -1;

        //编辑按钮方法
        function editRow() {
            //获取选中行里的数据！
            var rowData = $("#tbList").datagrid("getSelected");
            if (rowData) {
                $('#editWindow').window('open');
                //异步请求 权限修改页面，并直接加载到 当前的 修改窗体中
                $.get("/admin/role/editrole?id=" + rowData.id+"&t="+ new Date().getTime(), null, function (jsonObj) {
                    if (jsonObj.Status)
                        $.procAjaxData(jsonObj);
                    else
                        $("#editWindow").html(jsonObj);

                });
            }
        }

        //新增按钮方法
        function addRow() {
            $('#editWindow').window('open');
            //$("#editWindow").load("/admin/sys/addpermission/");
            $.get("/admin/role/addrole/?t=" + new Date().getTime(), null, function (jsonObj) {
                if (jsonObj.Status)
                    $.procAjaxData(jsonObj);
                else
                    $("#editWindow").html(jsonObj);

            });
        }

        //删除方法
        function removeRow() {
            if (!confirm("确认要删除？")) {
                return false;
            }
            //获取选中行里的数据！
            var rowData = $("#tbList").datagrid("getSelected");
            if (rowData) {
                $.post("/admin/Role/delrole", "id=" + rowData.id, function (jsonObj) {
                    $.procAjaxData(jsonObj, function () {
                        $("#tbList").datagrid("reload");//删除成功后 刷新页面
                    });
                }, "JSON");
            }
        }

        //加载权限树
        function providePermission() {

           // 获取选中 的 角色数据
            var roleData = $("#tbList").datagrid("getSelected");
            if (roleData) {
                $.get("/admin/role/getRoleTree?id=" + roleData.id+"&t=" + new Date().getTime(), null, function (jsonObj) {

                    $("#treeArea").html(jsonObj);
                        $("#winPers").window("open");
                });
            } else {
                $.alertMsg("请选中要分配权限的角色~~", "系统提示");
            }

        }

        function SaveNewPermission() {

            var nodes = $('#tt').tree('getChecked');
            var nodes2 = $('#tt').tree('getChecked', 'indeterminate');
          
            nodes = nodes.concat(nodes2);
            var s = '';
            for (var i = 0; i < nodes.length; i++) {
                if (s != '') s += ',';
                s += nodes[i].id;
            }
          
            //-------------------------------------
           // 提交要修改的角色新的权限
            var roleId = $("#roleId").val();//获取要修改的角色id
            $.post("/admin/role/SetRolePer", { rid: roleId, roleids: s }, function (jsonObj) {
                $("#winPers").window("close");
                $.procAjaxData(jsonObj);
            });

        } 
    </script>
</head>
<body>
    <table id="tbList" style="width:400px;height:250px;"></table>

    <div id="editWindow" class="easyui-window" title="填写角色" style="width:600px;height:200px;"
         data-options="iconCls:'icon-save',modal:true">

    </div>




    <div id="winPers" class="easyui-window" title="分配权限" style="width:500px; height:600px;"
         data-options="iconCls:'icon-save',modal:true">
        <div class="easyui-layout" data-options="fit:true">
            <div id="treeArea" data-options="region:'center'" style="padding:10px;">
              
            </div>
            <div data-options="region:'south',border:false" style="text-align:right;padding:5px;">
                <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="SaveNewPermission()">保存</a>
            </div>
        </div>
    </div>



</body>
</html>